jQuery(function ($) {
	var contact = {
		user_unique: 0,
		message_name: "",
		message_lastname: "",
		message_user: "",
		message_email: "",
		message_pass: "",
		init: function () {
			$('#contact-form input.contact, #contact-form a.contact').click(function (e) {
				e.preventDefault();
				//carga el contacto por ajax
				$.get("data/formulario_login.php", function(data){
					//crea el modelo de formulario
					$(data).modal({
						closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
						position: ["15%",],
						overlayId: 'contact-overlay',
						containerId: 'contact-container',
						onOpen: contact.open,
						onShow: contact.show,
						onClose: contact.close
					});
				});
			});
		},
		open: function (dialog) {
			// add padding to the buttons in firefox/mozilla
			if ($.browser.mozilla) {
				$('#contact-container .contact-button').css({
					'padding-bottom': '2px'
				});
			}
			// input field font size
			if ($.browser.safari) {
				$('#contact-container .contact-input').css({
					'font-size': '.9em'
				});
			}

			// dynamically determine height
			var h = 470;
		
			var title = $('#contact-container .contact-title').html();
			$('#contact-container .contact-title').html('Cargango...');
			dialog.overlay.fadeIn(200, function () {
				dialog.container.fadeIn(200, function () {
					dialog.data.fadeIn(200, function () {
						$('#contact-container .contact-content').animate({
							height: h
						}, function () {
							$('#contact-container .contact-title').html(title);
							$('#contact-container form').fadeIn(200, function () {
								$('#contact-container #contact-name').focus();

								// fix png's for IE 6
								if ($.browser.msie && $.browser.version < 7) {
									$('#contact-container .contact-button').each(function () {
										if ($(this).css('backgroundImage').match(/^url[("']+(.*\.png)[)"']+$/i)) {
											var src = RegExp.$1;
											$(this).css({
												backgroundImage: 'none',
												filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' +  src + '", sizingMethod="crop")'
											});
										}
									});
								}
							});
						});
					});
				});
			});
		},
		show: function (dialog) {		
			$('#contact-login').focusout( function(){
    		if($('#contact-container #contact-login').val()!= ""){
        		$.ajax({
            	type: "POST",
            	url: "data/login.php",
            	data: "metodo=4&nick="+$('#contact-container #contact-login').val(),
            	beforeSend: function(){
              		$('#msgUsuario').html('<img src="resources/img/contact/loading-small.gif"/>');
            	},
            	success: function(respuesta){
					$('#password-form').css("margin-top","-20px");
					if (contact.message_user != ''){				
						$('#password-form').css("margin-top","0px");
					}
					if (respuesta == 1) {
						$('#msgUsuario').html('<img src="resources/img/contact/check.png"/>');
						contact.user_unique = 0;
					}
					else {
						$('#msgUsuario').html('<img src="resources/img/contact/no-check.png"/>');
						contact.user_unique = 1;
					}
				}
        	});
    	}else{
			$('#password-form').css("margin-top","0px");
			$('#msgUsuario').html("");
			contact.user_unique = 0;
		}
	});
			$('#contact-container .contact-send').click(function (e) {
				e.preventDefault();
				//si no hay fallos en la validacion			
				if (contact.user_unique == 0) {
					if (contact.validate()) {
						var msg = $('#contact-container .contact-message');
						msg.fadeOut(function(){
							msg.removeClass('contact-error').empty();
						});
						$('#contact-container .contact-title').html('Enviando...');
						$('#contact-container form').fadeOut(200);
						$('#contact-container .contact-content').animate({
							height: '80px'
						}, function(){
							$('#contact-container .contact-loading').fadeIn(200, function(){
								$.ajax({
									url: 'data/formulario_login.php',
									data: $('#contact-container form').serialize() + '&action=send',
									type: 'post',
									cache: false,
									dataType: 'html',
									success: function(data){
										$('#contact-container .contact-loading').fadeOut(200, function(){
											$('#contact-container .contact-title').html('Gracias!');
											msg.html(data).fadeIn(200);
										});
									},
									error: contact.error
								});
							});
						});
					}
					else {
						$('#contact-container .contact-message').animate({
							height: '30px'
						}, contact.showError);
						
					}
				}
			});
		},
		close: function (dialog) {
			$('#contact-container .contact-message').fadeOut();
			$('#contact-container .contact-title').html('Adiós...');
			$('#contact-container form').fadeOut(200);
			$('#contact-container .contact-content').animate({
				height: 40
			}, function () {
				dialog.data.fadeOut(200, function () {
					dialog.container.fadeOut(200, function () {
						dialog.overlay.fadeOut(200, function () {
							$.modal.close();
						});
					});
				});
			});
		},
		error: function (xhr) {
			alert(xhr.statusText);
		},
		validate: function () { // si devuelve false hay error
			//inicializo las variables
			contact.message_email = '';
			contact.message_name = '';
			contact.message_lastname = '';
			contact.message_user = '';
			contact.message_pass = '';
			var resultado = true;
			if (!$('#contact-container #contact-name').val()){
				contact.message_name += 'Introduce tu nombre';
				resultado = false;
			}
			if (!$('#contact-container #contact-lastname').val()) {
				contact.message_lastname += 'Introduce tu apellido';
				resultado = false;
			}
			if (!$('#contact-container #contact-login').val()) {
				contact.message_user += 'Introduce un nombre de usuario';
				resultado = false;
				$('#password-form').css("margin-top","0px");
			}else if($('#contact-container #contact-login').val().length < 4){
				contact.message_user += 'Longitud mínima: 4 caracteres';
				resultado = false;
				$('#password-form').css("margin-top","0px");
			}
			var email = $('#contact-container #contact-email').val();
			if (!email) {
				contact.message_email += 'Introduce tu dirección email';
				resultado = false;
			}else if(!contact.validateEmail(email)) {
					contact.message_email += 'Formato de email incorrecto';
					resultado = false;
			}
			if(!$('#contact-container #contact-pass1').val() || !$('#contact-container #contact-pass2').val()) {
				contact.message_pass += 'Introduce ambas contraseñas';
				resultado = false;
			}else if($('#contact-container #contact-pass1').val().length < 6){
				contact.message_pass += 'Longitud mínima: 6 caracteres';
				resultado = false;
			}
			else if ($('#contact-container #contact-pass1').val() != $('#contact-container #contact-pass2').val()) {
				contact.message_pass += 'Contraseñas distintas';
				resultado = false;
			}
			
			return resultado;

		},
		validateEmail: function (email) {
			var at = email.lastIndexOf("@");

			// Make sure the at (@) sybmol exists and  
			// it is not the first or last character
			if (at < 1 || (at + 1) === email.length)
				return false;

			// Make sure there aren't multiple periods together
			if (/(\.{2,})/.test(email))
				return false;

			// Break up the local and domain portions
			var local = email.substring(0, at);
			var domain = email.substring(at + 1);

			// Check lengths
			if (local.length < 1 || local.length > 64 || domain.length < 4 || domain.length > 255)
				return false;

			// Make sure local and domain don't start with or end with a period
			if (/(^\.|\.$)/.test(local) || /(^\.|\.$)/.test(domain))
				return false;

			// Check for quoted-string addresses
			// Since almost anything is allowed in a quoted-string address,
			// we're just going to let them go through
			if (!/^"(.+)"$/.test(local)) {
				// It's a dot-string address...check for valid characters
				if (!/^[-a-zA-Z0-9!#$%*\/?|^{}`~&'+=_\.]*$/.test(local))
					return false;
			}

			// Make sure domain contains only valid characters and at least one period
			if (!/^[-a-zA-Z0-9\.]*$/.test(domain) || domain.indexOf(".") === -1)
				return false;	

			return true;
		},
		showError: function () {
			if(contact.message_name != ''){
				$('#contact-container .name-error')
				.html($('<div class="contact-error"></div>').append(contact.message_name))
				.fadeIn(200);
				$('#contact-container #contact-name').css({
					'background': '#FA5858'
				});
			}else{
				$('#contact-container .name-error')
				.html($('<div class="contact-error"></div>').append(contact.message_name))
				.fadeIn(200);
				$('#contact-container #contact-name').css({
					'background': '#FFFFFF'
				});
			}			
			if(contact.message_lastname != ''){
			$('#contact-container .lastname-error')
				.html($('<div class="contact-error"></div>').append(contact.message_lastname))
				.fadeIn(200);
				$('#contact-container #contact-lastname').css({
					'background': '#FA5858'
				});
			}else{
				$('#contact-container .lastname-error')
				.html($('<div class="contact-error"></div>').append(contact.message_lastname))
				.fadeIn(200);
				$('#contact-container #contact-lastname').css({
					'background': '#FFFFFF'
				});
			}
			if(contact.message_user != ''){
			$('#contact-container .user-error')
				.html($('<div class="contact-error"></div>').append(contact.message_user))
				.fadeIn(200);
				$('#contact-container #contact-login').css({
					'background': '#FA5858'
				});				
			
			}else{
				$('#contact-container .user-error')
				.html($('<div class="contact-error"></div>').append(contact.message_user))
				.fadeIn(200);
				$('#contact-container #contact-login').css({
					'background': '#FFFFFF'
				});
			}
			if(contact.message_pass != ''){
			$('#contact-container .pass-error')
				.html($('<div class="contact-error"></div>').append(contact.message_pass))
				.fadeIn(200);
				$('#contact-container #contact-pass1').css({
					'background': '#FA5858'
				});
				$('#contact-container #contact-pass2').css({
					'background': '#FA5858'
				});
			}else{
				$('#contact-container .pass-error')
				.html($('<div class="contact-error"></div>').append(contact.message_pass))
				.fadeIn(200);
				$('#contact-container #contact-pass1').css({
					'background': '#FFFFFF'
				});
				$('#contact-container #contact-pass2').css({
					'background': '#FFFFFF'
				});
			}
			if(contact.message_email != ''){
				$('#contact-container .mail-error')
				.html($('<div class="contact-error"></div>').append(contact.message_email))
				.fadeIn(200);
				$('#contact-container #contact-email').css({
					'background': '#FA5858'
				});
			}else{
				$('#contact-container .mail-error')
				.html($('<div class="contact-error"></div>').append(contact.message_email))
				.fadeIn(200);
				$('#contact-container #contact-email').css({
					'background': '#FFFFFF'
				});
			}
		}
	};

	contact.init();

});